<template>
  <div>
    <div class="btn" :style='{opacity}'>
      <span class="register">注册</span>
    </div>
    <div class="agreement">
      <input type="checkbox" style="margin-right: 5px;"/>
      <span>我已阅读并同意<a href="#" style="text-decoration: none;color: blue;">《用户协议及隐私政策》</a></span>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
    }
  },
  props:['opacity'],
  created() {
  },
  computed: {
  },
  methods: {
  },
}
</script>
<style  scoped>
.btn {
  margin: 0 auto;
  margin-top: 30px;
  width: 327px;
  height: 50px;
  background: #3070f0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  border-radius: 25px;
}
.register {
  font-family: PingFangSC-Medium;
  font-size: 18px;
  color: #ffffff;
  letter-spacing: -0.42px;
}
input {
  border: 1px solid #dcdde0;
  border-radius: 50%;
}
span {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #4d4d4d;
  letter-spacing: -0.17px;
  line-height: 12px;
}
.agreement {
  margin: 20px 0 0 20px;
  display: flex;
}
</style>
